html {
  position: relative;
  min-height: 50%;
}

div#main {
    background: url('../img/glass-beer.jpg') no-repeat center center;
    background-size: cover;
    height: 50vh;
}

@media only screen and (max-width: 1366px) {
    div#main {
        height: 80vh;
    }
}

@media only screen and (max-width: 540px) {
    div#main {
        height: 60vh;
    }
}

@media only screen and (max-width: 360px) {
    div#main {
        height: 100vh;
    }
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
/* End Featurettes
------------------------- */


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
